<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <%@include file="WEB-INF/common/meta.jsp" %>
    <meta charset="UTF-8"/>
    <title>2018届高校毕业研究生（硕士、博士）双向选择大会</title>
    <%--<link rel="stylesheet" type="text/css" href="style.css"/>--%>
    <link rel="stylesheet" type="text/css" href="${ctx}/css/style.css"/>
    <script type="text/javascript">
        window.history.forward();
    </script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?5fc5b86b2fc98940f99c283c245774d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<style>
    .help-block {
        color: #c12c20;
    }
</style>
<!-- ImageReady Slices (index.psd) -->
<table width="980" height="768" border="0" align="center" cellpadding="0" cellspacing="0" id="__01">
    <tr>
        <td>
            <img src="images/index_01.gif" width="980" height="104" alt=""/></td>
    </tr>
    <tr>
        <td>
            <img src="images/index_02.gif" width="980" height="59" alt=""/></td>
    </tr>
    <tr>
        <td valign="top" bgcolor="#FFFFFF">
            <div class="main">
                <P style="margin:0px 0px 30px 25px;"><img src="images/02.gif"/></P>
                <form action="${ctx}/step3" method="post" id="step2">
                    <table width="730" border="0" align="center" class="tab">
                        <tr>
                            <td width="15%" align="center"><strong>序号</strong></td>
                            <td width="17%" align="center"><strong>姓名</strong></td>
                            <td width="17%" align="center"><strong>性别</strong></td>
                            <td width="14%" align="center"><strong>个人邮箱</strong></td>
                            <td width="20%" align="center"><strong>职务/称</strong></td>
                            <td width="34%" align="center"><strong>移动电话</strong></td>
                        </tr>
                        <tr>
                            <td align="center">1</td>
                            <td><input type="text" name="proxyList[0].name" class="in_tab" />
                            </td>
                            <td align="center">
                                <input type="radio" name="proxyList[0].sex" checked value="男">男
                                <input type="radio" name="proxyList[0].sex" value="女">女
                            </td>
                            <td><input type="text" name="proxyList[0].eml" class="in_tab" /></td>
                            <td><input type="text" name="proxyList[0].job" class="in_tab" /></td>
                            <td><input type="text" name="proxyList[0].tel" class="in_tab" /></td>
                        </tr>
                        <tr>
                            <td align="center">2</td>
                            <td><input type="text" name="proxyList[1].name" class="in_tab" />
                            </td>
                            <td align="center">
                                <input type="radio" name="proxyList[1].sex" checked value="男">男
                                <input type="radio" name="proxyList[1].sex" value="女">女
                            </td>
                            <td><input type="text" name="proxyList[1].eml" class="in_tab" /></td>
                            <td><input type="text" name="proxyList[1].job" class="in_tab" /></td>
                            <td><input type="text" name="proxyList[1].tel" class="in_tab" /></td>
                        </tr>
                        <tr>
                            <td align="center">3</td>
                            <td><input type="text" name="proxyList[2].name" class="in_tab" />
                            </td>
                            <td align="center">
                                <input type="radio" name="proxyList[2].sex" checked value="男">男
                                <input type="radio" name="proxyList[2].sex" value="女">女
                            </td>
                            <td><input type="text" name="proxyList[2].eml" class="in_tab" /></td>
                            <td><input type="text" name="proxyList[2].job" class="in_tab" /></td>
                            <td><input type="text" name="proxyList[2].tel" class="in_tab" /></td>
                        </tr>
                        <tr>
                            <td align="center">4</td>
                            <td><input type="text" name="proxyList[3].name" class="in_tab" />
                            </td>
                            <td align="center">
                                <input type="radio" name="proxyList[3].sex" checked value="男">男
                                <input type="radio" name="proxyList[3].sex" value="女">女
                            </td>
                            <td><input type="text" name="proxyList[3].eml" class="in_tab" /></td>
                            <td><input type="text" name="proxyList[3].job" class="in_tab" /></td>
                            <td><input type="text" name="proxyList[3].tel" class="in_tab" /></td>
                        </tr>
                    </table>
                    <p align="center" style="margin-top:10px;"><input type="submit" class="btn" value="保存并一步"/>
                    </p>
                </form>

            </div>
        </td>
    </tr>
    <tr>
        <td style="background:url(${ctx}/images/index_04.gif) no-repeat #F5F5F5">

            <div id="footer">
                <div class="left">
                    <a href="http://www.91student.com/" target="_blank"><img
                            src="images/91student_logo1.gif" alt="中国研究生人才网" border="0"/></a>
                </div>
                <div class="right">2001-
                    <script type="text/javascript">
                        var date = new Date();
                        var yy = date.getYear();
                        var year = (yy < 1000) ? yy + 1900 : yy;
                        year += 0;
                        document.write(year);
                    </script>&nbsp;&copy;&nbsp;中国研究生人才网版权所有 未经中国研究生人才网书面同意，本站所有内容、信息不得转载。<br/> 访问浏览本网站，建议使用Internet
                    Explorer 6.0及其以上版本浏览器。
                </div>
            </div>

        </td>
    </tr>
</table>
<!-- End ImageReady Slices -->
<script src="${ctx}/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="${ctx}/js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${ctx}/js/jquery.validate.message_zh.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $("#step2").validate({
        errorElement: 'div',
        errorClass: 'help-block',
        rules:{
            'proxyList[0].name':{
                required: true,
                maxlength: 4
            },
            'proxyList[0].eml':{
                required: true,
                email: true
            },
            'proxyList[0].job':{
                required: true,
                minlength: 2,
                maxlength: 10
            },
            'proxyList[0].tel':{
                required: true,
                mobile: true
            }
        },
        messages: {
            'proxyList[0].name' : {
                required: "最少选择一位联系人",
                maxlength: "最多4个字符"
            },
            'proxyList[0].eml' : {
                required: "请填写邮箱地址"
            },
            'proxyList[0].job' : {
                required: "请填写职务",
                minlength: "最少2个字符",
                maxlength: "最多15个字符"
            },
            'proxyList[0].tel' : {
                required: "请填写联系电话"
            }
        }

    })
</script>
</body>
</html>